<meta charset="UTF-8">
<script type="text/javascript">
$(function(){
	$('#allGradetb').combobox({
		onSelect:function(e){
			var bjId4=e.id;
			if(bjId4==0){
				$('#allGradeDiv').hide();
			}else{
				$('#allGradeDiv').show();
				$('#allGradeDiv').load('grade/bjCjb',{bjId:bjId4},function(){
					$('#cjbtable').datagrid({
						fit:true,
						fitColumns:true,
						singleSelect:true,
					});
				});		
				
				
			}
		}
	})
})
</script>
<div class="easyui-panel" data-options="fit:true" title="班级成绩查询" style="display: flex;flex-direction: column;">
	<p style="flex-grow: 0;">
	<span style="margin-left:10px ">选择班级：</span><select id="allGradetb"class="easyui-combobox" data-options="
		editable:false,
		width:200,
		url:'tbclass/list',
		valueField:'id',
		panelHeight:200,
		textField:'name',
		icons: [{
			iconCls:'icon-clear',
       		handler: function(e){
        		$(e.data.target).textbox('clear');
        		$('#allGradeDiv').hide();
    			}
    		}]
	"></select>
	</p>
	
	<div id="allGradeDiv" style="flex-grow: 1;"> 
		
	</div>
</div>